/* base style file
 * 
 * 1、general
 * 2、layout
 * 3、header
 * 4、footer
 * 5、side bar
 * 6、nav
 * 7、tool bar
 * 8、pop modal
 * 9、tip information
 * 10、assistant
 * 11、error page
 * 12、style
 * 21、widget - general
 * 22、widget - button
 * 23、widget - tabs
 * 24、widget - box
 * 25、widget - table
 * 26、widget - subNav
 * 27、widget - dropdown list
 * 99、other
 * -------------------------------------------------- */

/* 1、general
 * -------------------------------------------------- */
@import url(reset.css);

body {
	background: #F5F5F5;
	font-family: Tahoma, \5b8b\4f53, Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
}
a {
	color: #27539C;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #CB6000;
	text-decoration: none;
}
input, img, select, textarea {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
/* 2、layout
 * -------------------------------------------------- */
#Wrapper {
	padding: 0 5px;
	min-width: 1000px;
	border-top: 4px solid #E5E5E5;
	text-align: left;
}
#Body {
	position: relative;
	margin-bottom: 5px;
	z-index: 2;
	zoom: 1;
}
#SideBar {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 201px;
}
#Main {
	margin-left: 206px;
}
#FrameWrap {
	text-align: left;
}
/* 3、header
 * -------------------------------------------------- */
#Header {
	position: relative;
	z-index: 3;
	padding: 9px 0 1px 4px;
	height: 53px;
	border-top: 1px solid #FFF;
}
.logo {
	float: left;
	width: 259px;
	height: 53px;
	overflow: hidden;
}
.loginInfo {
	display: inline;
	float: right;
	margin: 30px 5px 0 0;
}
.loginInfo .info {
	float: left;
}
.loginInfo .split {
	padding: 0 10px;
	color: #CCC;
}
.loginInfo .down {
	position: relative;
}
.loginInfo .downTitle {
	padding-right: 15px;
	background: url(../images/general/icon.png) no-repeat right -70px;
}
.loginInfo .downlist {
	display: none;
	position: absolute;
	right: 0;
	top: 14px;
	float: left;
	width: 170px;
	border: 1px solid #CCC;
}
.loginInfo .downlist li a {
	display: block;
	padding: 0 10px;
	height: 27px;
	background: #FFF;
	line-height: 26px;
	text-decoration: none;
}
.loginInfo .downlist li a:hover {
	background: #EDF4FC;
}
.loginInfo .hover .downlist {
	display: block;
}
/* 4、footer
 * -------------------------------------------------- */
/* 6、nav
 * -------------------------------------------------- */
.slide {
	display: inline;
	float: right;
	overflow: hidden;
	background: url(../images/general/icon.png) no-repeat;
	cursor: pointer;
}
.sideBarTop {
	height: 33px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -33px;
}
.sideBarTop .circleL {
	height: 33px;
	background-position: 0 0;
}
.sideBarTop .circleR {
	height: 33px;
	background-position: -5px 0;
}
.sideBarTitle {
	float: left;
	padding-left: 27px;
	background: url(../images/general/icon.png) no-repeat 2px -92px;
	color: #FFF;
	line-height: 33px;
}
.sideBarTop .slide {
	margin: 8px 0 0 0;
	width: 12px;
	height: 16px;
	background-position: -4px 3px
}
.sideBarBottom {
	height: 13px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -79px;
}
.sideBarBottom .circleL {
	height: 13px;
	background-position: 0 -66px;
}
.sideBarBottom .circleR {
	height: 13px;
	background-position: -5px -66px;
}
.sideBarBody {
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
}
/* menu state: default */
.menu {
	position: relative;
	z-index: 3;
}
.menuTitle {
	position: relative;
	z-index: 4;
	height: 28px;
	overflow: hidden;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	background: #FFF url(../images/general/menu.png) repeat-x 0 0;
}
.menuTitle .slide {
	margin: 5px 5px 0 0;
	width: 12px;
	height: 16px;
	background-position: -4px -27px
}
.menuTitleCopy {
	display: none;
}
.menuShortcut .menuTitle {
	background: #FCEAD1;
}
.menuItem {
	display: inline;
	float: left;
	margin: 6px 0 0 6px;
	padding-left: 26px;
	height: 16px;
	background: url(../images/general/icon.png) no-repeat;
	color: #27539C;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
.menuBody {
	display: none;
	border: 1px solid #CCC;
}
.subMenu li{
	padding-left: 22px;
	height: 27px;
	background: #EDF4FC url(../images/general/menu_arrow.png) no-repeat -999px -999px;
	/*
	overflow:hidden;
	text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');*/
}
.subMenu .hover {
	background-position: -90px 8px;
}
.subMenu .current {
	background-position: 10px 8px;
}
.subMenu a {
	display: block;
	padding-left: 9px;
	height: 27px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	line-height: 26px;
	text-decoration: none;
	vertical-align: middle;
	zoom: 1;
}
.subMenu .first a {
	border-top: 0;
}
.subMenu .current a {
	background-color: #FCEAD1;
	color: #E3781B;
	font-weight: bold;
}
.subMenu .hover a {
	background-color: #EDF4FC;
	color: #27539C;
}
.subMenu .icon {
	display: inline;
	float: left;
	margin-top: 5px;
	padding-left: 20px;
	height: 16px;
	background-image: url(../images/general/icon.png);
	background-repeat: no-repeat;
	line-height: 16px;
	cursor: pointer;
}
/* menu state: on */
.menu_on .menuTitle .slide {
	background-position: -4px -40px
}
.menu_on .menuBody {
	display: block;
}
/* menu state: current */
.menu_current .menuTitle {
	border-left: 1px solid #92BCE4;
	border-right: 1px solid #92BCE4;
	background: #FFF url(../images/general/menu.png) repeat-x 0 -28px;
}
.menu_current .menuTitle .slide {
	background-position: -4px -70px
}

.sideBarOff #SideBar {
	width: 45px;
}
.sideBarOff #Main {
	margin-left: 50px;
}
.sideBarOff .sideBarTitle, .sideBarOff .menuItem {
	padding-left: 0;
	width: 18px;
	text-indent: -9999em;
}
.sideBarOff .sideBarTop .slide {
	background-position: -4px -12px
}
.sideBarOff .sideBarBody {
	overflow: visible;
}
.sideBarOff .menuBody {
	display: none;
}
.sideBarOff .menuTitle .slide {
	background-position: -4px -27px
}
.sideBarOff .menu_hover {
	z-index: 5;
}
.sideBarOff .menu_hover .menuTitle {
	border-right: 0px;
}
.sideBarOff .menu_hover .menuBody {
	position: absolute;
	top: 0;
	left: 44px;
	z-index: 3;
	display: block;
	width: 198px;
	border: 1px solid #E6E6E6;
	background: #F7F7F7;
}
.sideBarOff .menu_hover .menuTitleCopy {
	display: block;
	padding-left: 6px;
	height: 27px;
	color: #27539C;
	font-weight: bold;
	line-height: 27px;
}
.sideBarOff .menu_hover .subMenu {
	margin: 0 3px 3px 3px;
	border: 1px solid #E6E6E6;
}
.sideBarOff .menu_hover .subMenu li {
	background-color: #FFF;
}
.sideBarOff .menu_hover .subMenu a {
	padding: 0;
	border: 0;
	line-height: 26px;
}
.sideBarOff .menu_hover .subMenu .current {
	background-color: #FCEAD1;
}
.sideBarOff .menu_hover .subMenu .hover {
	background-color: #EDF4FC;
}
.sideBarOff .menu_current .menuTitle .slide {
	background-position: -4px -57px;
}
.sideBarOff .menu_current .menuBody {
	border: 1px solid #92BCE4;
	background: #C2D8EF;
}
.sideBarOff .menu_current .subMenu {
	border: 1px solid #92BCE4;
}
/* 8、pop modal
 * -------------------------------------------------- */
.overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color: #000;
	z-index: 900;
}
.facebox {
	position: absolute;
	top: 300px;
	left: 300px;
	z-index: 1000;
	float: left;
}
.pTL, .pTR, .pBL, .pBR {
	width: 4px;
	height: 4px;
	overflow: hidden;
	background: url(../images/popup/tl.png) no-repeat;
	filter: alpha(Opacity=40);
	-moz-opacity: 0.4;
	Opacity: 0.4;
}
.pTR {
	background: url(../images/popup/tr.png) no-repeat;
}
.pBL {
	background: url(../images/popup/bl.png) no-repeat;
}
.pBR {
	background: url(../images/popup/br.png) no-repeat;
}
.pT, .pB, .pML, .pMR {
	background: #132B57;
	filter: alpha(Opacity=40);
	-moz-opacity: 0.4;
	Opacity: 0.4;
}
.pM {
	background: #9BA4B6;
}
.popupTop {
	height: 33px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -33px;
	cursor: move;
}
.popupTop .circleL {
	height: 33px;
	background-position: 0 -482px;
}
.popupTop .circleR {
	height: 33px;
	background-position: -5px -482px;
}
.popupTitle {
	float: left;
	padding: 0 7px;
	color: #FFF;
	font-weight: bold;
	line-height: 33px;
}
.popupTop .close {
	display: inline;
	float: right;
	margin-top: 8px;
	width: 19px;
	height: 17px;
	overflow: hidden;
	background: url(../images/popup/close.png) no-repeat 0 0;
	text-decoration: none;
	cursor: pointer;
}
.popupTop .close:hover {
	background-position: 0 -17px;
}
.popupBody {
	border-left: 1px solid #142B57;
	border-right: 1px solid #142B57;
	background: #FFF;
}
.popupBottom {
	height: 5px;
	overflow: hidden;
	background: url(../images/general/box.png) 0 -520px;
}
.popupBottom .circleL {
	height: 5px;
	background-position: 0 -515px;
}
.popupBottom .circleR {
	height: 5px;
	background-position: -5px -515px;
}
.popupBtn {
	padding: 10px 0 0 100px;
	height: 50px;
}
.popupBtn .buttonA, .popupBtn .buttonB, .popupBtn .buttonC {
	margin-right: 10px;
}
/* 9、tip information
 * -------------------------------------------------- */
.popupTips {
	margin: 0 40px;
	padding: 15px 40px;
	background-repeat: no-repeat;
	background-position: 0 15px;
}
.tipIconInfoBlue {
	background-image: url(../images/icon/infoBlue_32x32.png);
}
.tips {
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
}
.tipsTitle {
	height: 26px;
	overflow: hidden;
	background: url(../images/general/tips.png) repeat-x;
}
.tipsTitle h5 {
	float: left;
	padding: 0 10px 0 36px;
	height: 26px;
	overflow: hidden;
	background: url(../images/general/tips.png) no-repeat;
	font-weight: bold;
	line-height: 26px;
}
.tipsBtn {
	display: inline;
	float: right;
	margin: 5px 10px 0 0;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(../images/general/tips.png) no-repeat;
	text-decoration: none;
}
.tipsBody {
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
}
.tipsError { border-color: #D04242; }
.tipsError .tipsTitle { background-position: 0 -130px; }
.tipsError .tipsTitle h5 { background-position: 0 -104px; }
.tipsError .tipsSlide { background-position: 0 -186px; }
.tipsError .tipsSlide:hover { background-position: -15px -186px; }
.tipsError .tipsClose { background-position: 0 -160px; }
.tipsError .tipsClose:hover { background-position: -15px -160px; }
.tipsError .tipsBody { border-top-color: #D04242; background-color: #FEF3F2; }
.tipsErrorOff .tipsSlide { background-position: -30px -186px; }
.tipsErrorOff .tipsSlide:hover { background-position: -45px -186px; }
.tipsInfo { border-color: #6597CA; }
.tipsInfo .tipsTitle { background-position: 0 -26px; }
.tipsInfo .tipsTitle h5 { background-position: 0 0; }
.tipsInfo .tipsSlide { background-position: 0 -82px; }
.tipsInfo .tipsSlide:hover { background-position: -15px -82px; }
.tipsInfo .tipsClose { background-position: 0 -56px; }
.tipsInfo .tipsClose:hover { background-position: -15px -56px; }
.tipsInfo .tipsBody { border-top-color: #6597CA; background-color: #F3F8FC; }
.tipsInfoOff .tipsSlide { background-position: -30px -82px; }
.tipsInfoOff .tipsSlide:hover { background-position: -45px -82px; }
.tipsSuccess { border-color: #669800; }
.tipsSuccess .tipsTitle { background-position: 0 -234px; }
.tipsSuccess .tipsTitle h5 { background-position: 0 -208px; }
.tipsSuccess .tipsSlide { background-position: 0 -290px; }
.tipsSuccess .tipsSlide:hover { background-position: -15px -290px; }
.tipsSuccess .tipsClose { background-position: 0 -264px; }
.tipsSuccess .tipsClose:hover { background-position: -15px -264px; }
.tipsSuccess .tipsBody { border-top-color: #669800; background-color: #F9FBEE; }
.tipsSuccessOff .tipsSlide { background-position: -30px -290px; }
.tipsSuccessOff .tipsSlide:hover { background-position: -45px -290px; }
.tipsWarning { border-color: #D49F13; }
.tipsWarning .tipsTitle { background-position: 0 -338px; }
.tipsWarning .tipsTitle h5 { background-position: 0 -312px; }
.tipsWarning .tipsSlide { background-position: 0 -394px; }
.tipsWarning .tipsSlide:hover { background-position: -15px -394px; }
.tipsWarning .tipsClose { background-position: 0 -368px; }
.tipsWarning .tipsClose:hover { background-position: -15px -368px; }
.tipsWarning .tipsBody { border-top-color: #D49F13;	background-color: #FEFAE4; }
.tipsWarningOff .tipsSlide { background-position: -30px -394px; }
.tipsWarningOff .tipsSlide:hover { background-position: -45px -394px; }
.tipsErrorOff .tipsBody, .tipsInfoOff .tipsBody, .tipsSuccessOff .tipsBody, .tipsWarningOff .tipsBody {
	display: none;
}
/* 12、style
 * -------------------------------------------------- */
/* 23、widget - tabs
 * -------------------------------------------------- */
.tabs {
	padding: 10px 10px 0 10px;
	height: 32px;
	overflow: hidden;
	border-bottom: 3px solid #244C7F;
}
.tabs .tabItem {
	display: inline;
	float: left;
	margin-right: 5px;
	background: url(../images/general/box.png) repeat-x 0 -386px;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}
.tabs .tabItem .circleL {
	height: 32px;
	background-position: 0 -354px;
}
.tabs .tabItem .circleR {
	float: left;
	height: 32px;
	background-position: -5px -354px;
}
.tabs .tabItem em {
	float: left;
	padding: 0 15px;
	height: 32px;
	color: #125;
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
}
.tabs .hover { background-position: 0 -450px; }
.tabs .hover .circleL { background-position: 0 -418px; }
.tabs .hover .circleR { background-position: -5px -418px; }
.tabs .hover em { color: #125; }
.tabs .current { background-position: 0 -322px; }
.tabs .current .circleL { background-position: 0 -290px; }
.tabs .current .circleR { background-position: -5px -290px; }
.tabs .current em { color: #FFF; }
/* 24、widget - box
 * -------------------------------------------------- */
.circleL, .circleR {
	float: left;
	width: 5px;
	overflow: hidden;
	background: url(../images/general/box.png) no-repeat;
}
.circleR {
	float: right;
}
.mainTop {
	position: relative;
	height: 38px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -130px;
}
.mainTop .circleL {
	height: 38px;
	background-position: 0 -92px;
}
.mainTop .circleR {
	height: 38px;
	background-position: -5px -92px;
}
.mainTop .toolBar {
	display: inline;
	float: right;
	margin: 3px 5px 0 0;
	padding-left: 10px;
	height: 35px;
	border-left: 1px solid #CCC;
}
.mainTop .toolBar .iconBtn {
	margin-top: 8px;
	font-weight: bold;
	text-decoration: none;
}
.mainTop .toolBar .buttonA {
	margin-top: 3px;
}
.mainTop h1 {
	float: left;
	padding-left: 6px;
	font-size: 14px;
	font-weight: bold;
	line-height: 38px;
}
.mainTop .crumb {
	float: right;
	padding-right: 16px;
	line-height: 38px;
}
.mainBody {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
}
.mainBottom {
	height: 5px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -173px;
}
.mainBottom .circleL {
	height: 5px;
	background-position: 0 -168px;
}
.mainBottom .circleR {
	height: 5px;
	background-position: -5px -168px;
}
.areaTitle {
	height: 35px;
	overflow: hidden;
	background: url(../images/general/box.png) repeat-x 0 -248px;
}
.areaTitle .slide {
	float: left;
	width: 34px;
	height: 35px;
	background: url(../images/general/box.png) no-repeat center -213px;
	cursor: pointer;
}
.areaTitle h2 {
	float: left;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
}
.areaBody {
	padding: 0 9px;
	zoom: 1;
}
.areaBtnBar {
	height: 40px;
}
.areaBtnBar .buttonA, .areaBtnBar .buttonB, .areaBtnBar .buttonC {
	float: left;
	margin: 6px 0 0 10px;
}
.areaOff .areaTitle .slide {
	background-position: center -178px;
}
.areaOff .areaBody {
	display: none;
}
.fieldset {
	display: table-column;
	margin-bottom: 10px;
	padding: 0 10px;
	border: 1px solid #DADADA;
}
.fieldset legend {
	padding: 0 3px;
	font-weight: bold;
}
.fieldset .toolBar {
	padding: 10px 0;
	zoom: 1;
}
.fieldset .toolBar .iconBtn {
	float: right;
}
/* 25、widget - table
 * -------------------------------------------------- */
.scroll {
	overflow-y: hidden;
	overflow-x: auto;
}
.scrollXY {
	height: 400px;
	overflow: auto;
}
.grid {
	width: 100%;
	background: #E6E6E6;
}
.grid th {
	border: 1px solid #203C6B;
	background: #36588D url(../images/grid/th.png) repeat-x 0 0;
	vertical-align: top;
}
.grid th a {
	display: block;
	border-left: 1px solid #5374A9;
	border-right: 1px solid #5374A9;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
}
.grid th a:hover {
	background: #6488BC url(../images/grid/th_hover.png) repeat-x 0 0;
	color: #FFF;
}
.grid th span {
	display: block;
	padding: 7px 22px 7px 8px;
	background: url(../images/grid/orderby.png) no-repeat -999em -999em;
}
.grid th .orderDown {
	background-position: right 10px;
}
.grid th .orderUp {
	background-position: right -82px;
}
.grid th .selectBox {
	margin: 0;
}
.grid td {
	padding: 10px 8px;
	border: 1px solid #CCC;
	line-height: 1.5;
	vertical-align: middle;
}
.grid .even td {
	background: #F5F5F5;
}
.grid .hover td {
	background: #EDF4FC;
}
.grid .current td {
	background: #F2E2C0 url(../images/grid/td_current.png) repeat-x 0 0;
}
.grid .thOrder {
	zoom: 1;
}
.grid .thOrderTitle, .grid a.thOrderTitle:hover {
	display: inline;
	float: left;
	margin: 7px 0;
	padding: 0 22px 0 8px;
	border: 0;
	background: url(../images/general/icon.png) no-repeat right -42px;
}
.grid .thOrderList {
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
	float: left;
	width: 150px;
	border: 1px solid #203C6B;
}
.grid .thOrderList li a {
	display: block;
	padding: 0 10px;
	height: 27px;
	border: 0;
	background: #FFF;
	color: #27539C;
	line-height: 26px;
	text-decoration: none;
}
.grid .thOrderList li a:hover {
	background: #EDF4FC;
	color: #CB6000;
}
.grid th .hover .thOrderList {
	display: block;
}
.pageBar {
	margin-bottom: 10px;
	height: 33px;
	border: 1px solid #DADADA;
	border-top: 0;
	background: #F5F5F5;
	right:0;
}
.pageBar .pageInfo {
	float: left;
	padding: 0 10px;
	height: 33px;
	line-height: 33px;
}
.pageBar .resultsPerPage {
	float: right;
	height: 33px;
	line-height: 33px;
}
.pageBar .resultsPerPageTxt {
	float: left;
}
.pageBar .resultsPerPage .selectBox {
	margin: 2px 0 0 0;
}
.pageBar .pageNum {
	display: inline;
	float: right;
	padding: 5px 10px 0 10px;
}
.pageBar .pageNum li {
	float: left;
	padding: 0 1px;
}
.pageBar .pageNum a {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background: url(../images/grid/pages.png) no-repeat 0 0;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
}
.pageBar .pageNum a:hover {
	background-position: -24px 0;
	color: #27539C;
}
.pageBar .pageNum .current a {
	background-position: -48px 0;
	color: #000;
	cursor: default;
}
.pageBar .pageNum .first a, .pageBar .pageNum .first a:hover {
	background-position: 0 -48px;
	text-indent: -9999em;
}
.pageBar .pageNum .prev a, .pageBar .pageNum .prev a:hover {
	background-position: -24px -48px;
	text-indent: -9999em;
}
.pageBar .pageNum .next a, .pageBar .pageNum .next a:hover {
	background-position: -48px -48px;
	text-indent: -9999em;
}
.pageBar .pageNum .last a, .pageBar .pageNum .last a:hover {
	background-position: -72px -48px;
	text-indent: -9999em;
}
.pageBar .pageNum .first .disable, .pageBar .pageNum .first .disable:hover {
	background-position: 0 -24px;
	cursor: default;
}
.pageBar .pageNum .prev .disable, .pageBar .pageNum .prev .disable:hover {
	background-position: -24px -24px;
	cursor: default;
}
.pageBar .pageNum .next .disable, .pageBar .pageNum .next .disable:hover {
	background-position: -48px -24px;
	cursor: default;
}
.pageBar .pageNum .last .disable, .pageBar .pageNum .last .disable:hover {
	background-position: -72px -24px;
	cursor: default;
}
.pageBar .iconBtn {
	margin: 8px 0 0 10px;
}

.searchBar {
	padding: 10px;
	border: 1px solid #DADADA;
	border-bottom: 0;
}
.filterBar {
	padding-bottom: 5px;
	border: 1px solid #DADADA;
	border-bottom: 0;
	background: #F5F5F5;
}
.filterTitle {
	display: inline;
	float: left;
	margin: 6px 0 0 10px;
	font-weight: bold;
}
.filterItems {
	display: inline;
	float: right;
}
.filterItems label {
	display: inline;
	float: left;
	margin: 6px 0 0 10px;
}
.form {
	margin-bottom: 10px;
}
.form caption span {
	cursor: pointer;
	color: #27539C;
	font-weight: bold;
	line-height: 24px;
}
.form caption .current {
	cursor: default;
	color: #000;
}
.form th {
	padding: 7px 15px 0 10px;
	height: 28px;
	vertical-align: top;
	color: #666;
	text-align: right;
	white-space: nowrap;
}
.form td {
	padding: 2px 0;
	vertical-align: middle;
}
.form td label {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}
.nowrapTD td {
	white-space: nowrap;
}
.form .iconBtn {
	margin: 4px 10px 0 0;
}
.form .tdFloat {
	display: inline;
	float: left;
	margin: 5px 0 0 0;
}
.grid .selectedItem .name {
	display: inline;
	float: left;
	margin: 2px 5px 0 5px;
}
.grid .selectedItem .del {
	display: inline;
	float: right;
	margin: 5px 0 0 0;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(../images/general/button.png) -26px -391px;
}
.grid td .iconBtn {
	margin-right: 15px;
}
.grid .tdFloat {
	display: inline;
	float: left;
	margin-right: 10px;
}
/* 10、assistant
 * -------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
.txtRight { text-align: right; }
.red { color: #900; }
.blue { color: #06C; }
.purple { color: #F3C; }
.orange { color: #F60; }
.green { color: #390; }
.marginTop {
	margin-top: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}
.borderNo {
	border: 0;
}
.borderTop {
	border-top: 1px solid #DADADA;
}
.borderBottom {
	border-bottom: 1px solid #DADADA;
}
/* 21、widget - general
 * -------------------------------------------------- */
.select {
	display: inline;
	float: left;
	margin: 4px 10px 0 0;
	width: 260px;
	height: 20px;
	border: 1px solid #C4C4C4;
}
.selectBox {
	display: inline;
	float: left;
	margin-right: 10px;
}
.selectBox .select {
	display: none;
}
.selectBoxInput {
	float: left;
	background: url(../images/general/select.png) repeat-x 0 -28px;
}
.selectBoxInput .outer {
	float: left;
	height: 28px;
	background: url(../images/general/select.png) no-repeat 0 -56px;
}
.selectBoxInput .text {
	display: inline;
	float: left;
	margin: 4px 3px 0 5px;
	width: 235px;
	height: 20px;
	border: 0;
	background: transparent;
	vertical-align: middle;
}
.selectBox .dropdown {
	float: left;
	margin: 0;
	padding: 0;
	width: 17px;
	height: 28px;
	overflow: hidden;
	background: url(../images/general/select.png) no-repeat 0 0;
	cursor: pointer;
}
.selectBoxList {
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	width: 260px;
}
.selectBoxListTop {
	height: 3px;
	overflow: hidden;
	background: url(../images/general/select.png) repeat-x 0 -102px;
}
.selectBoxListTop .circleL, .selectBoxListTop .circleR {
	margin: 0;
	padding: 0;
	height: 3px;
	background: url(../images/general/select.png) no-repeat 0 -84px;
}
.selectBoxListTop .circleR {
	background-position:  -12px -84px;
}
.selectBoxListBottom {
	height: 3px;
	overflow: hidden;
	background: url(../images/general/select.png) repeat-x 0 -117px;
}
.selectBoxListBottom .circleL, .selectBoxListBottom .circleR {
	margin: 0;
	padding: 0;
	height: 3px;
	background: url(../images/general/select.png) no-repeat 0 -99px;
}
.selectBoxListBottom .circleR {
	background-position: -12px -99px;
}
.selectBoxListBody {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	border-left: 1px solid #C4C4C4;
	border-right: 1px solid #C4C4C4;
	background: #FFF;
}
.selectBoxListBody li {
	height: 30px;
	overflow: hidden;
	vertical-align: middle;
	white-space:nowrap;
}
.selectBoxListBody li a {
	display: block;
	padding: 0 10px;
	border: 0;
	color: #000;
	line-height: 30px;
	text-decoration: none;
}

.selectBoxListBody li a:hover, .selectBoxListBody .hover a {
	background: #EDF4FC;
	color: #000;
}
.selectBoxHover .selectBoxInput {
	background-position: 0 -152px;
}
.selectBoxHover .selectBoxInput .outer {
	background-position: 0 -180px;
}
.selectBoxHover .dropdown {
	background-position: 0 -124px;
}
.selectBoxHover .selectBoxList {
	display: block;
}
.selectBoxHover .selectBoxListTop {
	background-position: 0 -225px;
}
.selectBoxHover .selectBoxListTop .circleL {
	background-position: 0 -208px;
}
.selectBoxHover .selectBoxListTop .circleR {
	background-position: -12px -208px;
}
.selectBoxHover .selectBoxListBottom {
	background-position: 0 -237px;
}
.selectBoxHover .selectBoxListBottom .circleL {
	background-position: 0 -222px;
}
.selectBoxHover .selectBoxListBottom .circleR {
	background-position: -12px -222px;
}
.selectBoxHover .selectBoxListBody {
	border-left: 1px solid #88B3E0;
	border-right: 1px solid #88B3E0;
}
.selectQM {
    width:260px;
}

.input {
	display: inline;
	float: left;
	margin: 4px 10px 0 0;
	padding: 0 0 0 5px;
	width: 250px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #C4C4C4;
}
.inputBox {
	display: inline;
	float: left;
	margin-right: 10px;
	background: url(../images/general/form.png) repeat-x 0 -28px;
}
.inputBox .outer {
	float: left;
	background: url(../images/general/form.png) no-repeat left 0;
}
.inputBox .inner {
	float: left;
	height: 28px;
	overflow: hidden;
	background: url(../images/general/form.png) no-repeat right -56px;
}
.inputBox .input {
	float: left;
	margin: 5px 5px 0 0;
	border: 0;
	background-color: transparent;
}
.inputBoxSucceed { background-position: 0 -1036px; }
.inputBoxSucceed .outer { background-position: left -1008px; }
.inputBoxSucceed .inner { background-position: right -1064px; }
.inputBoxError { background-position: 0 -952px; }
.inputBoxError .outer { background-position: left -924px; }
.inputBoxError .inner { background-position: right -980px; }
.inputBoxFocus { background-position: 0 -112px; }
.inputBoxFocus .outer { background-position: left -84px; }
.inputBoxFocus .inner { background-position: right -140px; }

.calendar {
	background: url(../images/general/icon.png) no-repeat right -790px;
	cursor: pointer;
}
.textarea {
	display: inline;
	float: left;
	padding: 0 0 0 5px;
	width: 620px;
	height: 116px;
	border: 1px solid #C4C4C4;
}
.textareaBox {
	display: inline;
	float: left;
	margin-right: 10px;
	background: url(../images/general/form.png) repeat-x 0 -294px;
}
.textareaBox .outer {
	float: left;
	background: url(../images/general/form.png) no-repeat left -168px;
}
.textareaBox .inner {
	float: left;
	height: 126px;
	overflow: hidden;
	background: url(../images/general/form.png) no-repeat right -420px;
}
.textareaBox .textarea {
	float: left;
	margin: 5px 1px 0 0;
	border: 0;
	background: transparent;
}
.textareaBoxFocus { background-position: 0 -672px; }
.textareaBoxFocus .outer { background-position: left -546px; }
.textareaBoxFocus .inner { background-position: right -798px; }
.textareaBox .addUserList {
	border: 0;
}

.inputBoxDisable { background-position: 0 -1120px; }
.inputBoxDisable .outer { background-position: left -1092px; }
.inputBoxDisable .inner { background-position: right -1148px; }

.radioBox {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	width: 100px;
	background: transparent;
}

.tagA {
	margin: 10px 0;
}
.tagABody {
	position: relative;
	float: left;
	padding: 8px 10px;
	background: #F5A32B;
}
.tagAArrow {
	position: absolute;
	left: 15px;
	bottom: -6px;
	width: 11px;
	height: 6px;
	overflow: hidden;
	background: url(../images/general/button.png) no-repeat 0 -394px;
}
.tagABody span {
	padding-right: 20px;
	color: #FFF;
}
.tagABody span a {
	color: #FFF;
}
.tagB {
	position: relative;
	display: inline;
	float: left;
	margin: 0 10px 0 6px;
	padding: 5px 6px 5px 10px;
	border: 1px solid #B3D0EE;
	background: #DEEDFE;
}
.tagB span {
	float: left;
	color: #27539C;
}
.tagBArrow {
	position: absolute;
	left: -6px;
	top: 8px;
	float: left;
	width: 6px;
	height: 9px;
	overflow: hidden;
	background: url(../images/general/button.png) no-repeat -11px -391px;
}
.tagBClose {
	display: inline;
	float: left;
	margin: 3px 0 0 10px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(../images/general/button.png) no-repeat -17px -391px;
}

.addUserArea {
	float: left;
}
.addUserArea .textareaBox {
	margin-right: 5px;
}
.addUserList {
	display: inline;
	float: left;
	margin: 2px 2px 2px 1px;
	width: 257px;
	height: 122px;
	overflow: hidden;
	overflow-y: scroll;
	border: 1px solid #C4C4C4;
}
.addUserList li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
}
.addUserList li .name {
	display: inline;
	float: left;
	margin: 0 5px 0 10px;
	width: 210px;
	height: 34px;
	overflow: hidden;
	line-height: 34px;
}
.addUserList li .del {
	display: inline;
	float: left;
	margin: 12px 0 0 0;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background: url(../images/general/button.png) -26px -391px;
}
.addUserList .even {
	background: #E6E6E6;
}
.addUserList .hover {
	background: #EDF4FC;
}
.addUserList .current {
	background: #F2E2C0 url(../images/grid/td_current.png) repeat-x 0 0;
}
.addUserBtn {
	display: inline;
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background: url(../images/general/icon.png) no-repeat 0 -820px;
	text-indent: -9999em;
}
/* 22、widget - button
 * -------------------------------------------------- */
.buttonA, .buttonB, .buttonC {
	display: inline;
	float: left;
	padding-left: 10px;
	background: url(../images/general/button.png) no-repeat left 0;
	color: #27539C;
	text-decoration: none;
}
.buttonB {
	background-position: left -84px;
}
.buttonC {
	background-position: left -168px;
}
.buttonA span, .buttonB span, .buttonC span {
	float: left;
	padding: 0 15px 0 5px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	background: url(../images/general/button.png) no-repeat right 0;
	font-weight: bold;
}
.buttonB span {
	background-position: right -84px;
	color: #CB6000;

}
.buttonC span {
	background-position: right -168px;
	color: #333;
}
.buttonA em, .buttonB em, .buttonC em {
	padding-left: 20px;
	background-image: url(../images/general/icon.png);
	background-repeat: no-repeat;
}
.buttonA:hover {
	background-position: left -28px;
	color: #27539C;
}
.buttonA:hover span {
	background-position: right -28px;
}
.buttonA:active {
	background-position: left -56px;
	color: #27539C;
}
.buttonA:active span {
	background-position: right -56px;
}
.buttonB:hover {
	background-position: left -112px;
	color: #CB6000;
}
.buttonB:hover span {
	background-position: right -112px;
}
.buttonB:active {
	background-position: left -140px;
	color: #CB6000;
}
.buttonB:active span {
	background-position: right -140px;
}
.buttonC:hover {
	background-position: left -196px;
	color: #333;
}
.buttonC:hover span {
	background-position: right -196px;
}
.buttonC:active {
	background-position: left -224px;
	color: #333;
}
.buttonC:active span {
	background-position: right -224px;
}

.iconBtn {
	display: inline;
	float: left;
	padding: 0 0 0 22px;
	height: 16px;
	background-image: url(../images/general/icon.png);
	background-repeat: no-repeat;
	color: #27539C;
	line-height: 1.3;
	white-space: nowrap;
}

.iconDashboard { background-position: 0 -130px; }
.iconUser { background-position: 0 -160px; }
.iconItem { background-position: 0 -190px; }
.iconOrder { background-position: 0 -220px; }
.iconARAP { background-position: 0 -250px; }
.iconReport { background-position: 0 -280px; }
.iconCreateItem { background-position: 0 -310px; }
.iconDownload { background-position: 0 -340px; }
.iconEdit { background-position: 0 -370px; }
.iconPrint { background-position: 0 -400px; }
.iconRefresh { background-position: 0 -430px; }
.iconRefund { background-position: 0 -460px; }
.iconRemove { background-position: 0 -490px; }
.iconSave { background-position: 0 -520px; }
.iconShip { background-position: 0 -550px; }
.iconUpload { background-position: 0 -580px; }
.iconPrevious { background-position: 0 -610px; }
.iconSearch { background-position: 0 -640px; }
.iconAddProject { background-position: 0 -670px; }
.iconSystemSet { background-position: 0 -700px; }
.iconBrowse { background-position: 0 -730px; }
.iconSearchAndAdd { background-position: 0 -760px; }
.iconCalendar { background-position: 0 -790px; }
.iconAddUser { background-position: 0 -820px; }
.iconConfig { background-position: 0 -850px; }
.iconModify { background-position: 0 -880px; }
.iconLoad { background-position: 0 -910px; }
.iconAddRecord { background-position: 0 -940px; }
.iconSet { background-position: 0 -970px; }
.iconAddView { background-position: 0 -1000px; }
.iconViewDft { background-position: 0 -1030px; }
.iconAddCol { background-position: 0 -1060px; }
.iconUp { background-position: 0 -1090px; }
.iconDown { background-position: 0 -1120px; }
.iconAddFilter { background-position: 0 -1150px; }
.iconEditView { background-position: 0 -1180px; }
.iconExportView { background-position: 0 -1210px; }
.iconAddTeamProject { background-position: 0 -1240px; }
.iconVoid { background-position: 0 -1270px; }
.iconAddDatabase { background-position: 0 -1300px; }
.iconRefresh { background-position: 0 -1330px; }
/* 99、other
 * -------------------------------------------------- */
.hide{
    display:none;
    }
  
.CanEdit
{
	color: blue;
} 
  
.CanEditTD
{
	background: lightblue;
}  

.CanNotEdit
{
	color: gray;
}

.fr .buttonC,.fr .buttonB
{
	float:right;
	margin:6px 10px 0 0
}